import React, { Component } from 'react';
import logo from './logo.svg';
import Top from "./page1/Top";
import GodzNav from "./page1/GodzNav";
import Timeline from "./page1/Timeline";
import axios from "axios";
import { Button, Row, Col } from 'antd';
import './App.css';


class App extends Component {
  constructor(props) {
    super(props);
    this.state = {

    }
  }
  componentDidMount() {
  }
  render() {
    console.log(this.state);
    return (
      <div className="App" >
        <header>
          <Row gutter={24} align="bottom">
            <Col span={6} >
              <div className="logo">
                我的地盘听我的
              </div>
            </Col>
            <Col span={6} offset={12} className="nav">
              <Col span={6} className="nav-child"><a href="#">首页</a></Col>
              <Col span={6} className="nav-child"><a href="#">案例</a></Col>
              <Col span={6} className="nav-child"><a href="#">关于</a></Col>
              <Col span={6} className="nav-child"><a href="#">联系</a></Col>
            </Col>
          </Row>
        </header>
        <Row gutter={16} align="top" justify="center">
          <Col span={6}>1</Col>
          <Col span={6}>2</Col>
          <Col span={6}>3</Col>
          <Col span={6}>4</Col>
        </Row>
      </div>
    );
  }
}

export default App;
